/**
 * CSS 预处理器
 *Sass 是一门高于 CSS 的元语言，它能用来清晰地、结构化地描述文件样式，有着比普通 CSS 更加强大的功能。
 *Sass 能够提供更简洁、更优雅的语法，同时提供多种功能来创建可维护和管理的样式表
 *
 *Sass 和 SCSS 其实是同一种东西，我们平时都称之为 Sass，两者之间不同之处有以下两点：

文件扩展名不同，Sass 是以.sass后缀为扩展名，而 SCSS 是以.scss后缀为扩展名
语法书写方式不同，Sass 是以严格的缩进式语法规则来书写，不带大括号({})和分号(;)，
而 SCSS 的语法书写和我们的 CSS 语法书写方式非常类似。
 *
 *
 *
 *
 */


$color: red;

.test {
    color: $color;
}

$side : left;
.rounded {
    border-#{$side}-radius: 5px;
}

$font-stack: Helvetica, sans-serif  //定义变量
$primary-color: #333 //定义变量

body
  font: 100% $font-stack
  color: $primary-color